<template>
    <div class='container'>
        <h3>通过自定义ref实现防抖</h3>
        <div>
            <input v-model="textValue" type="text">
            <p>{{ textValue }}</p>
        </div>
    </div>
</template>
    
<script setup>
import useDebouncedRef from './useDebouncedRef';

const textValue = useDebouncedRef('',500)
</script>

<style lang='less' scoped>
.container {}
</style>